<template>
<header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
        <a href="index.html" class="logo d-flex align-items-center">
            <h1 class="sitename">NetLabel</h1>
        </a>

        <nav id="navmenu" class="navmenu">
            <ul>
                <li><RouterLink to="/" activeClass="active">Home</RouterLink></li>
                <li><RouterLink to="/manual" activeClass="active" query="{foo:bar}">Manual</RouterLink></li>
                <li><RouterLink to="/video" activeClass="active" query="{foo:bar}">Video</RouterLink></li>
                <li><RouterLink to="/feedback" activeClass="active">Feedback</RouterLink></li>
            </ul>
            <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
        </nav>

    </div>
</header>
</template>
